.box {
	height: 144px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	& > div {
		width: 49%;
		border: 1px solid rgba(231, 234, 239, 1);
		padding: 16px;
		.title {
			color: #696c78;
			font-weight: 600;
		}
		.showBox {
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.chartBox {
				display: flex;
				align-items: center;
				position: relative;
				.chart {
					height: 90px;
					width: 90px;
				}
				& > p {
					display: flex;
					align-items: center;
				}
				&::after {
					content: '';
					height: 70px;
					width: 1px;
					background: #e7ebef;
					position: absolute;
					right: -20px;
					top: 10px;
				}
			}
		}
		.linkBox {
			display: flex;
			flex-direction: column;
			height: 80px;
			justify-content: space-around;
			font-size: 12px;
			.linkIconP {
				display: flex;
				& > span {
					display: inline-block;
					margin-left: 4px;
				}
			}
			.linkW {
				background: rgba(250, 175, 43, 0.2) !important;
			}
			.animW {
				background: #faaf2b !important;
			}
			.linkN {
				position: relative;
				width: 9vw;
				height: 6px;
				background: rgba(11, 111, 214, 0.2);
				border-radius: 4px;
				.animN {
					position: absolute;
					height: 100%;
					background: #4a90e2;
					border-radius: 4px;
				}
			}
			.linkNum {
				display: flex;
				justify-content: space-between;
			}
		}
	}
}
